<!DOCTYPE html>
<html>
    <head>
        <title>goo</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/resit.css" rel="stylesheet">
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700&subset=latin,cyrillic-ext,latin-ext' rel='stylesheet' type='text/css'>

        <!-- jQuery Library -->
        <script src="plugins/jquery-2.1.1.min.js"></script>

        <!-- Bootstrap Library -->
        <link href="plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <script src="plugins/bootstrap/js/bootstrap.min.js"></script>

        <!-- Custom CSS file -->
        <link href="css/style.css" rel="stylesheet">
        <link href="css/performances.css" rel="stylesheet">


    </head>
    <body>
        <div class="main-menu-line">
            <div class="my-container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div id="menu">
                            <ul>
                                <li><a href="#" class="active">home</a></li>
                                <li><a href="#" >Company</a></li>
                                <li><a href="#" >Performances</a></li>
                                <li><a href="#" ><span style="color: #fff;">B</span>m<span style="color: #fff;">R</span> - austria</a></li>
                                <li><a href="#" ><span style="color: #fff;">B</span>m<span style="color: #fff;">R</span> - serbia</a></li>
                                <li><a href="#" >references</a></li>
                                <li><a href="#" >Jobs</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <div id="pod-menu">
                            <ul>
                                <li><a href="#" class="active">serbian</a></li>
                                <li><a href="#" >english</a></li>
                                <li><a href="#" >german</a></li>
                                <li><a href="#" >russian</a></li>
                                <li><a href="#" >arabic</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div id="slider"></div>

        <div id="performances">
            <div class="my-container">
                <div class="row">
                    <div class="col-md-10 col-sm-10 col-xs-10">
                        <div class="my_menu_performances">
                            <h2>Company divisions<span>.</span></h2>
                            <div style="background-image: url('img/Performances_03.jpg');">
                                <a href="#">Engineering</a>
                            </div>
                            <div style="background-image: url('img/Performances_06.jpg');">
                                <a href="#">Industrial steel construction</a>
                            </div>
                            <div style="background-image: url('img/Performances_09.jpg');">
                                <a href="#">Pipeline and plant construction</a>
                            </div>
                            <div style="background-image: url('img/Performances_10.jpg');">
                                <a href="#">Industrial steel construction</a>
                            </div>
                            <div style="background-image: url('img/Performances_12.jpg');">
                                <a href="#">Provision of personnel</a>
                            </div>
                            <div style="background-image: url('img/Performances_14.jpg');">
                                <a href="#">Subcontracting performances</a>
                            </div>
                            <div style="background-image: url('img/Performances_16.jpg');">
                                <a href="#">Stainless steel design</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>       
        <div id="performances_1">
            <div class="my-container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="my_menu_performances_1">
                            <h2>Company divisions<span>.</span></h2>
                            <div style="background-image: url('img/Performances_03_hover.jpg');">
                                <a href="#">Engineering</a>
                            </div>
                            <div style="background-image: url('img/Performances_06.jpg');">
                                <a href="#">Industrial steel construction</a>
                            </div>
                        </div>
                    </div>            
                </div>
            </div>
        </div>

        <div id="deo_footer">
            <div class="my-container">
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <a class="scrollToTop" href="#">To the top</a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-6 col-xs-6">
                        <img class="logo_bmr" alt="footer_logo" src="img/futer_logo.png">
                        <p class="footer_text"> Besides using the latest technologies, 
                            we also focus on the responsibility toward our environment. 
                            Therefore the protection of the environment plays in all our projects an important role,
                            because the sustainable balance of nature and the 
                            careful use of our resources is for our future very important.</p>
                        <div class="social-links">
                            <ul>
                                <li><a class="fb" href="#"></a></li>
                                <li><a class="google" href="#"></a></li>
                                <li><a class="in" href="#"></a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-6 col-sm-6 col-xs-6 text-right">
                        <div id="menu_footer">
                            <ul style="list-style-type:none">
                                <li><a href="#" class="active">home</a></li>
                                <li><a href="#" >Company</a></li>
                                <li><a href="#" >Performances</a></li>
                                <li><a href="#" >b<span style="color: #dd5d24;">M</span>r - austria</a></li>
                                <li><a href="#" >b<span style="color: #dd5d24;">M</span>r - serbia</a></li>
                                <li><a href="#" >references</a></li>
                                <li><a href="#" >Jobs</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer_line"></div>
            <div class="my-container">
                <div class="row">
                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <a class="mida" href="#"></a>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-4">
                        <p class="allrigst"> 2014. B<span style="color: #dd5d24;">M</span>R d.o.o. Šabac. All Rights Reserved.</p>
                    </div>
                    <div class="col-md-4 col-sm-4 col-xs-4"></div>
                </div>
            </div>
        </div>

    </body>
</html>
